@use '../mixins/config' as *;

// position offset
// generate .yq-{top|right|bottom|left}-percent-${offset}, .yq-{top|right|bottom|left}-percent-${offset}-i, offset range: 0px - 100px or 0% - 100%
@for $i from 0 through 20 {
    $directions: top, right, bottom, left;
    @each $direction in $directions {
        .#{$namespace}-#{$direction}-percent-#{$i} {
            #{$direction}: $i * 1%;
            &-i {
                #{$direction}: $i * 1% !important;
            }
        }
    }
}
